/* #i-head-fix{position:fixed;top:0;left:0;z-index:99;height: 100px;width: 100%;box-shadow: 0 3px 5px rgba(0,0,0,.25);} #i-head{background: #fff;width: 100%;position: relative;} #i-head .i-header{padding:23px 0 0px;margin:0 auto;} #i-head a.logo{display: block;} #i-head a.logo img{max-height: 56px;} */ .ifotleft{ float: left; width: 640px;} .ifotleftright{ float: right;} .ifotleftright img{} .ifotleftright p{ text-align: center; margin-top: 10px;} .tcoimg{ float: left; margin-right: 90px;} .ledft{ float: left; width: 125px; height: 85px; display: block; margin-top: 26px; padding-top: 18px; text-align: center; border-right: 1px solid #e6e6e6;} .ledft a{display: block; font-size: 16px; color: #666666; line-height: 30px;} .pcnavBar{line-height: 52px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 16px;display: block;padding:0 3px 21px;} .pcnavBar .pcnav li.last{padding-right:0px;} .pcnavBar .pcnav>li.on>a{color:#0072be;border-bottom: 4px solid #0072be;} .pcnavBar .pcnav .sub{position: absolute;display: none;background:url(../images/pcnav-sub.png);width: 100%;left:0px;height: 265px;z-index: 9;} .pcnavBar .pcnav .sub .sub-about{margin:22px 0px;height: 185px;} .pcnavBar .pcnav .sub .sub-title{font-size: 16px;font-weight: bold;color:#fff;} .pcnavBar .pcnav .sub .sub-title span.en{font-family: arial;} .pcnavBar .pcnav .sub .sub-about .sub-about-info{font-size: 12px;color:#fff;float: left;line-height: 20px;margin-top:-5px;margin-bottom: 27px;} .pcnavBar .pcnav .sub .sub-about-l{width: 48%;} .pcnavBar .pcnav .sub a.submore{font-size: 12px;display: block;float: left;} .btn-primary{background: #0072be;border:#0072be; } .pcnavBar .pcnav .sub .sub-about-m{width: 25%;} .pcnavBar .pcnav .sub .sub-about-m .sub-culture-img{max-width:224px;max-height: 150px;transition: 0.5s;overflow: hidden; } .pcnavBar .pcnav .sub .sub-about-m .sub-culture-img img{width: 100%;} .pcnavBar .pcnav .sub .sub-about-m .sub-culture-img:hover{transform: scale(1.05);} .pcnavBar .pcnav .sub .sub-about-r .sub-env-img{max-width:224px;max-height: 150px;transition: 0.5s;overflow: hidden; } .pcnavBar .pcnav .sub .sub-about-r .sub-env-img img{width: 100%;} .pcnavBar .pcnav .sub .sub-about-r .sub-env-img:hover{transform: scale(1.05);} .pcnavBar .pcnav .sub .sub-pro{margin:22px 0px;height: 185px;} .pcnavBar .pcnav .sub .sub-pro .sub-pro-l{width: 66%;} .pcnavBar .pcnav .sub .sub-pro .sub-pro-r{width: 20%;margin-right:-12px;} .pcnavBar .pcnav .sub .sub-pro ul.sub-pro-l-list{display: block;width: 100%;line-height: 20px;margin-top: -6px;margin-bottom: 27px;} .pcnavBar .pcnav .sub .sub-pro ul.sub-pro-l-list li{display: inline-block;margin-right: 70px;} .pcnavBar .pcnav .sub .sub-pro ul.sub-pro-l-list li a{font-size: 12px;color:#fff;} .pcnavBar .pcnav .sub .sub-pro ul.sub-pro-l-list li a:hover{color:#0072be;} .pcnavBar .pcnav .sub .sub-pro .sub-pro-r .sub-pro-img{max-width:224px;max-height: 150px;transition: 0.5s;overflow: hidden; } .pcnavBar .pcnav .sub .sub-pro .sub-pro-r .sub-pro-img img{width: 100%;} .pcnavBar .pcnav .sub .sub-pro .sub-pro-r .sub-pro-img:hover{transform: scale(1.05);} .pcnavBar .pcnav .sub .sub-news{margin:22px 0px;height: 185px;} .pcnavBar .pcnav .sub .sub-news .sub-news-l{width: 48%;} .pcnavBar .pcnav .sub .sub-news .sub-news-l-list{line-height: 20px;margin-top: -6px;margin-bottom: 27px;} .pcnavBar .pcnav .sub .sub-news .sub-news-l-list li a{font-size: 12px;color:#fff;} .pcnavBar .pcnav .sub .sub-news .sub-news-l-list li a span.news-tit{width: 80%;display: inline-block;} .pcnavBar .pcnav .sub .sub-news .sub-news-l-list li a:hover span.news-tit,.pcnavBar .pcnav .sub .sub-news .sub-news-l-list li a:hover span.news-date{color:#0072be;} .pcnavBar .pcnav .sub .sub-news .sub-news-r{} .pcnavBar .pcnav .sub .sub-news .sub-news-m{width: 25%;} .pcnavBar .pcnav .sub .sub-news-r .sub-news-img{max-width:224px;max-height: 150px;transition: 0.5s;overflow: hidden; } .pcnavBar .pcnav .sub .sub-news-r .sub-news-img img{width: 100%;} .pcnavBar .pcnav .sub .sub-news-r .sub-news-img:hover{transform: scale(1.05);} .pcnavBar .pcnav .sub .sub-news-m .sub-news-img{max-width:224px;max-height: 150px;transition: 0.5s;overflow: hidden; } .pcnavBar .pcnav .sub .sub-news-m .sub-news-img img{width: 100%;} .pcnavBar .pcnav .sub .sub-news-m .sub-news-img:hover{transform: scale(1.05);} .pcnavBar .pcnav .sub .sub-contact{margin:22px 0px;height: 185px;} .pcnavBar .pcnav .sub .sub-contact-l{width: 48%;} .pcnavBar .pcnav .sub .sub-contact-l .sub-contact-info-tel{color:#fff;} .pcnavBar .pcnav .sub .sub-contact-l .sub-contact-info{font-size: 12px;color:#fff;margin-top: 0px;margin-bottom: 11px;} .pcnavBar .pcnav .sub .sub-contact-l .sub-contact-info span{display: inline-block;margin-right: 28px;} .pcnavBar .pcnav .sub .sub-contact .sub-contact-m{width: 25%;} .pcnavBar .pcnav .sub .sub-contact-r .sub-contact-img img{width: 100%;} .pcnavBar .pcnav .sub .sub-contact-r .sub-contact-img:hover{transform: scale(1.05);} .pcnavBar .pcnav .sub .sub-contact-r .sub-contact-img{max-width:224px;max-height: 150px;transition: 0.5s;overflow: hidden;} .pcnavBar .pcnav .sub .sub-contact-m .sub-contact-img img{width: 100%;} .pcnavBar .pcnav .sub .sub-contact-m .sub-contact-img:hover{transform: scale(1.05);} .pcnavBar .pcnav .sub .sub-contact-m .sub-contact-img{max-width:224px;max-height: 150px;transition: 0.5s;overflow: hidden;} /* .carousel{margin-top: 100px;} */ .abouticon{position: absolute;left:0;bottom:0;height: 150px;background: url(../images/pcnav-sub.png);width: 100%;z-index: 15;} .abouticon .summary{background: url(../images/abouticon.png);height: 150px;margin-top: 0px;cursor: pointer;transition: all .2s ease-in-out} .abouticon .summary:hover{height: 160px;margin-top: -20px;} .abouticon .summary:hover .summary-box{margin-top: 40px;} .abouticon .summary .summary-box{margin:47px 15px;transition: all .2s ease-in-out} .abouticon .summary .summary-box .summary-box-con{width: 75%;} .abouticon .summary .summary-box .summary-box-con .summary-box-icon{} .abouticon .summary .summary-box .summary-box-con .summary-box-icon img{height: 56px;} .abouticon .summary .summary-box .summary-box-con .summary-box-con-tit{color:#fff;} .abouticon .summary .summary-box .summary-box-con .summary-box-con-tit span.ch{font-size: 18px;font-weight: bold;} .abouticon .summary .summary-box .summary-box-con .summary-box-con-tit span.en{font-family: arial;} .abouticon .summary .summary-box .summary-box-con .summary-box-con-info{font-size: 12px;color:#fff;} .abouticon .technology{background-color: rgba(229,32,25,0.7);height: 150px;margin-top: 0px;cursor: pointer;transition: all .2s ease-in-out} .abouticon .technology:hover{height: 160px;margin-top: -20px;} .abouticon .technology:hover .technology-box{margin-top: 40px;} .abouticon .technology .technology-box{margin:47px 15px;transition: all .2s ease-in-out} .abouticon .technology .technology-box .technology-box-con{width: 75%;} .abouticon .technology .technology-box .technology-box-con .technology-box-icon{} .abouticon .technology .technology-box .technology-box-con .technology-box-con-tit{color:#fff;} .abouticon .technology .technology-box .technology-box-con .technology-box-con-tit span.ch{font-size: 18px;font-weight: bold;} .abouticon .technology .technology-box .technology-box-con .technology-box-con-tit span.en{font-family: arial;} .abouticon .technology .technology-box .technology-box-con .technology-box-con-info{font-size: 12px;color:#fff;} .abouticon .culture{background: url(../images/abouticon3.png);height: 150px;margin-top:0px;cursor: pointer;transition: all .2s ease-in-out} .abouticon .culture:hover{height: 160px;margin-top: -20px;} .abouticon .culture:hover .culture-box{margin-top: 40px;} .abouticon .culture .culture-box{margin:47px 15px;} .abouticon .culture .culture-box .culture-box-con{width: 75%;} .abouticon .culture .culture-box .culture-box-con .culture-box-icon{} .abouticon .culture .culture-box .culture-box-con .culture-box-con-tit{color:#fff;} .abouticon .culture .culture-box .culture-box-con .culture-box-con-tit span.ch{font-size: 18px;font-weight: bold;} .abouticon .culture .culture-box .culture-box-con .culture-box-con-tit span.en{font-family: arial;} .abouticon .culture .culture-box .culture-box-con .culture-box-con-info{font-size: 12px;color:#fff;} .carousel-indicators li{} .carousel-indicators{} #i-about{margin:100px 0px;} #i-about .i-about-tit img{max-height:78px;margin-bottom:45px;animation:fadein 2s linear 1;-webkit-animation:fadein 2s linear 1;-moz-animation:fadein 2s linear 1;-o-animation:fadein 2s linear 1;-ms-animation:fadein 2s linear 1;} #i-about .i-about-con .i-about-con-l{width:67.79661%;background: #fff;} #i-about .i-about-con .i-about-con-l-cp{width: 23.75%;height: 300px;background: #085099;position: relative;} #i-about .i-about-con .i-about-con-l-cp .i-about-con-l-cp-img{position:absolute;top:-29px;left:-12px;} #i-about .i-about-con .i-about-con-l-cp .i-about-con-l-cp-img img{height: 239px;} #i-about .i-about-con .i-about-con-img img {} #i-about .i-about-con .i-about-con-img{margin-top: 0px;margin-right: -10px;width: 33.05%;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{display: block;position:absolute;width: 72px;text-align: center;font-size: 12px;color:#FFF;border: 1px solid #fff;border-radius: 5px; left:58px;bottom:29px;line-height: 22px;transition: all .2s ease-in-out} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more:hover{border: 1px solid #0072be;background:#0072be;color:#fff; } #i-about .i-about-con .i-about-con-r{ background-color: #f2f2f2; width: 76.25%;height: 300px;padding:59px 52px 53px 64px;border-top: 1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; } #i-about .i-about-con .i-about-con-r .i-about-con-r-tit{border-bottom: 1px solid #e6e6e6;padding-bottom: 24px;} #i-about .i-about-con .i-about-con-r .i-about-con-r-tit p.ch{font-size: 24px;color:#333; font-weight: bold;} #i-about .i-about-con .i-about-con-r .i-about-con-r-tit p.en{font-family: arial;font-size: 12px;color:#333;} #i-about .i-about-con .i-about-con-r .i-about-con-r-info{font-size: 12px;color:#808080;line-height: 20px;margin-top: 7px;} .lt{font-size: 32px;text-align: center; margin-top: 55px;font-weight: bold; color: #FFF;} .lt-en{font-size: 14px;text-align: center; margin-bottom: 105px; color: #FFF;} #i-product .i-product-img{height: 513px;background: url(../images/probg.jpg) center center no-repeat;background-size:cover;} #i-product .i-product-tit{margin-top:100px;animation:fadein 2s linear 1;-webkit-animation:fadein 2s linear 1;-moz-animation:fadein 2s linear 1;-o-animation:fadein 2s linear 1;-ms-animation:fadein 2s linear 1;} #i-product ul.i-product-show8 li {height: 240px;text-align: center;float: left;width: 25%;margin-bottom: -1px;} #i-product ul.i-product-show8 li a{display: block;height: 240px;border: 1px solid #e6e6e6;padding:31px 0 13px;position: relative; overflow: hidden;margin-right: -1px;} #i-product ul.i-product-show8 li a span.img{display: block;width: 80%;height: 138px;text-align: center;margin: 0 auto 28px;} #i-product ul.i-product-show8 li a span.img img{max-height: 138px; max-width: 95%;vertical-align: middle;} #i-product ul.i-product-show8{background: #fff;margin-top:-240px; } #i-product ul.i-product-show8 li a span.name{width: 55%;margin:0 auto;display: block;padding:3px 2px;border:transparent;border-radius: 18px 18px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition: all .2s ease-in-out;} #i-product ul.i-product-show8>li>a:hover>span.name{background:#e52019;color:#fff;} #i-product{margin-bottom: 40px;} #i-knowledge{border-top: 1px solid #e6e6e6;} #i-knowledge ul.i-knowledge-list li{display: block;float: left;border-left: 1px solid #e6e6e6;margin-right: -1px;border-right: 1px solid #e6e6e6;height: 302px;width: 16.75%;position:relative;cursor:pointer;transition: all .2s ease-in-out;overflow: hidden;} #i-knowledge ul.i-knowledge-list li:hover i{display: block;} #i-knowledge ul.i-knowledge-list li:hover .top p.number,#i-knowledge ul.i-knowledge-list li:hover .top p.ch,#i-knowledge ul.i-knowledge-list li:hover .top p.en{color:#fff;} #i-knowledge ul.i-knowledge-list li:hover .bottom{background:transparent;} #i-knowledge ul.i-knowledge-list li .top{margin-top: 19px;margin-bottom: 27px;} #i-knowledge ul.i-knowledge-list li .top p.number{font-size: 32px;color:#0072be;font-family:arial;margin-bottom: 3px;} #i-knowledge ul.i-knowledge-list li .top p.ch{font-size: 18px;color:#333;font-weight: bold;} #i-knowledge ul.i-knowledge-list li .top p.en{font-size: 12px;color:#808080;font-family: arial;} #i-knowledge ul.i-knowledge-list li .bottom{font-size: 12px;color:#fff;background:#0072be;width: 100%;height:166px;} #i-knowledge ul.i-knowledge-list li .bottom p.info{padding:32px 34px 0px;} #i-knowledge ul.i-knowledge-list li.last{border: none;} #i-knowledge ul.i-knowledge-list li.first{border-left: 1px solid #e6e6e6;} #i-knowledge ul.i-knowledge-list li i{position:absolute;width: 100%;display: none;bottom:0px;left: 0;z-index:-1;} #i-knowledge ul.i-knowledge-list li i img {} #i-knowledge ul.i-knowledge-list li .bottom a.i-knowledge-more{display: block;margin-top: 31px;} #i-news{margin-top: 100px; background-color: #f2f2f2; padding-bottom: 100px;} #i-news .i-news-tit img{margin-top: 100px; max-height:79px;margin-bottom:40px;animation:fadein 2s linear 1;-webkit-animation:fadein 2s linear 1;-moz-animation:fadein 2s linear 1;-o-animation:fadein 2s linear 1;-ms-animation:fadein 2s linear 1;} #i-news .i-news-list .i-news-info p.i-news-date{ margin-bottom: 5px; background: url(../images/time1.png) left center no-repeat;color: #808080; font-size: 14px;font-family: arial;padding-left: 20px;} #i-news .i-news-list .i-news-info p.i-news-tit{font-size: 18px; color: #085099; margin-bottom: 15px;font-weight: bold;padding-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #i-news .i-news-list .i-news-info p.i-news-con{font-size: 14px;color:#808080; height: 70px; overflow: hidden;} #i-news .i-news-list .i-news-img img{border: 1px solid #e6e6e6;width: 100%;} #i-news .i-news-list .i-news-img{margin-bottom: 20px;} #i-news .i-news-list li{margin-bottom: 20px;} #i-news .i-news-button a.information,#i-news .i-news-button a.company{margin:0px 13.5px;display:inline-block;width:100px;height:34px;font-size:14px;line-height:34px;color:#4c4c4c;text-align:center;background:url(../images/i-news-button.png) 0px 0px no-repeat;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #i-news .i-news-button a.information:hover,#i-news .i-news-button a.company:hover{background-position: 0px -34px;color:#fff;} #i-news .i-news-button{margin-top: 18px;} #i-tel .cumulative{position:relative;height:300px;text-align:center;background:url(../images/i-tel.jpg) center center no-repeat;background-size:cover;overflow: hidden;} #i-tel .cumulative h1,#i-tel .cumulative h5,#i-tel .cumulative p.number{color:#fff;font-weight: bold;} #i-tel .cumulative p.number{font-size: 48px;} #i-tel .cumulative h5{padding-top: 3px;} .daofa{ width: 1180px; margin: 0 auto;} .daic{ width: 33.33%; color: #fff; float: left; } .cimg{ margin-top: 60px; width: 100%;} .cimgtt{font-size: 20px;font-weight: bold;margin: 20px auto;width: 100%;} .tcidcon{font-size: 18px;} .row2{margin-right:-50px;margin-left:-50px;} #i-foot{padding:62px 0 70px;background: #fff;box-shadow: 0 -1px 5px rgba(0,0,0,.2);} #i-foot .i-foot-l .i-foot-l-flogo{padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;} #i-foot .i-foot-l .i-foot-l-info{margin-top: 29px;width: 91%;} #i-foot .i-foot-l .i-foot-l-info .i-foot-l-info-code{margin-right: 18px;} #i-foot .i-foot-l .i-foot-l-info .i-foot-l-info-code img{height: 87px;border:1px solid #e7e7e7;} #i-foot .i-foot-tel-con{font-size: 14px;font-weight: bold;color:#4c4c4c;line-height: 15px;text-indent: 11px;margin-bottom: 7px;} #i-foot .i-foot-l-info-con-add{font-size: 12px;color:#808080;} #i-foot .i-foot-l{width: 29.83%;} #i-foot .i-foot-r{width: 53.474576%;} #i-foot .i-foot-r ul.fnav-tit{margin-top: 12px;padding-bottom: 26px;border-bottom: 1px solid #e6e6e6;} #i-foot .i-foot-r ul.fnav-tit li{display:block;} #i-foot .i-foot-r ul.fnav-tit li a{font-size: 16px;color:#4c4c4c;font-weight: bold;padding-right: 49px;display: block;float: left;} #i-foot .i-foot-r ul.fnav-tit li.last a{padding-right: 0px;} #i-foot .i-foot-r ul.fnav-list{margin-right: 65px;} #i-foot .i-foot-r ul.fnav-list>li>a,#i-foot .i-foot-r ul.fnav-list-last>li>a{font-size: 12px;color:#808080;} #i-foot .i-foot-r ul.fnav-list-last{margin-right: 0px;} #i-foot .i-foot-r ul.fnav-list,#i-foot .i-foot-r ul.fnav-list-last{margin-top: 25px;} #i-foot .i-foot-r ul.fnav-list>li>a:hover, #i-foot .i-foot-r ul.fnav-list-last>li>a:hover{color:#0072be;} #i-foot-bot{min-height: 40px;line-height: 40px;background: #085099;} #i-foot-bot .i-footbot-left,#i-foot-bot .i-footbot-right{font-size: 12px;color:#fff;} #i-foot-bot .i-footbot-right{text-align: right;} /*内页*/ .about_box{width:100%;height:200px;margin-top:100px;overflow:hidden;} .about_box ul{width:1180px;margin:0 auto;color:#fff;line-height:37px;margin-top:60px;font-size: 30px;} .about_box ul li{width: 420px;} .about_box ul li.ch{background: url(../images/aboutboxl.jpg) left bottom no-repeat;padding-bottom: 17px;} .about_box ul li.en{} #ins-position,#ins-position a{height: 40px;line-height: 40px;background:#e6e6e6;width: 100%;font-size: 12px;color:#808080;} #ins-position a:hover{color:#0072be;} .ins-about-con1{margin: 53px 0px 69px;} .ins-about-con1 .ins-about-con1-tit{font-size: 30px;color:#333;font-weight: bold;margin-bottom: 30px;} .ins-about-con1 .ins-about-con1-info{font-size: 14px;color:#808080;line-height: 24px;} .ins-about-con2{background: url(../images/ins-about-con2.jpg) center top no-repeat;height: 190px;width: 100%;background-size:cover; } .ins-about-con2 .ins-about-con2-l{float: left;padding-top: 53px;} .ins-about-con2 .ins-about-con2-l p{font-size: 30px;color:#fff;font-weight: bold;} .ins-about-con2 .ins-about-con2-r{width: 66.1017%;float: right;padding-top: 34px;padding-left: 32px;} .ins-about-con2 .ins-about-con2-r p{font-size: 14px;color:#808080;} .ins-about-con22 .ins-about-con22-l{background: url(../images/con22-l.jpg) center top no-repeat;background-size:cover;height: 150px;padding-top: 30px;} .ins-about-con22 .ins-about-con22-l p{color:#fff;font-size: 25px;} .ins-about-con22 .ins-about-con22-r{background: #f2f2f2;font-size: 12px;} .ins-about-con22 .ins-about-con22-r p{color:#808080;width: 85%;margin:0 auto;padding: 17px 0;line-height: 24px;} .ins-about-con3{padding: 53px 0px 69px;box-shadow: 0 3px 5px rgba(0,0,0,.1);} .ins-about-con3 .ins-about-con3-tit{font-size: 30px;color:#333;font-weight: bold;margin-bottom: 30px;} .ins-about-con3 .ins-about-con3-info{font-size: 14px;color:#808080;line-height: 24px;} #ins-app{padding:60px 0 100px;} #ins-app ul.ins-app-box li{cursor:pointer;margin-bottom: 25px;} #ins-app ul.ins-app-box li.last{margin-bottom: 0;} #ins-app ul.ins-app-box li .ins-app-con p.cn{} #ins-app ul.ins-app-box li span.ins-app-img{display: block;float: left;width: 32.2034%;} #ins-app ul.ins-app-box li span.ins-app-img img{width: 100%;} #ins-app ul.ins-app-box li span.ins-app-con{display: block;float: right;width: 64.40678%;} #ins-app ul.ins-app-box li span.ins-app-con .ins-app-con-tit{text-align: left;} #ins-app ul.ins-app-box li .ins-app-con-tit p.ch{font-size: 30px;color:#333;font-weight: bold;} #ins-app ul.ins-app-box li .ins-app-con-tit p.en{font-size: 14px;color:#333;font-weight: bold;} #ins-app ul.ins-app-box li span.ins-app-con .ins-app-con-info{color:#808080;font-size: 14px;line-height: 23px;margin-top: 11px;display: block;} #ins-feed{padding:60px 0 100px;} #ins-feed .ins-feed-img{float: left;width: 36.4407%;} #ins-feed .ins-feed-img img{width: 100%;} #ins-feed .ins-feed-con{float: right;width: 59.32203%;} #ins-feed .ins-feed-con .ins-feed-con-tit{font-size: 24px;color:#333;font-weight: bold;margin-bottom: 12px;} #ins-feed .ins-feed-con .ins-feed-con-desc{font-size: 14px;color:#808080;margin-bottom: 39px;} .form-horizontal .form-group{margin-left: 0;margin-right: 0;} .form-control{font-size: 14px;height: 48px;} .form-group{margin-bottom: 20px;} textarea.form-control{height: 158px;} .ins-feed-con .btn-primary{background:#0072be;width: 150px;height: 40px;margin-top: 40px;} .form-control-feedback{line-height: 48px;} #ins-con{padding:51px 0 100px;} #ins-con .ins-con-tit{font-size: 30px;font-weight: bold;color:#333;margin-bottom: 70px;} #ins-con .ins-con-list{width: 69%;margin-bottom: 30px;} #ins-con .ins-con-list li{display: inline-block;margin-right: 54px;float: left;} #ins-con .ins-con-list li span.ins-con-list-info{float: left;display: inline-block;line-height: 18px;margin-left: 10px;} #ins-con .ins-con-list li span.ins-con-list-info p.tit{font-size: 16px;font-weight: bold;color:#808080;} #ins-con .ins-con-list li span.ins-con-list-info p.info{font-size: 14px;color:#808080;} #ins-con .ins-con-list li span.ins-con-list-icon{display: block;float: left;} #ins-con .ins-con-list li.tel{margin-right:142px;} #ins-con .ins-con-list li.fax{margin-right:0px;} #ins-con .ins-con-list li.phone{margin-right:195px;} #ins-con .ins-con-list li.qq{margin-right:173px;} #ins-con .ins-con-list li.www{margin-right:0px;} #ins-con a.map{display: block;width: 212px;margin:54px auto 0px;height: 40px;line-height: 15px;background:#808080;color:#fff;padding-left: 10px;border-radius: 50px 50px;padding:13px 45px 12px ;text-decoration: none;} #ins-con a.map i{display: block;float: left;background:url(../images/amorei.png) top center no-repeat;width: 1px;height: 14px;} #ins-con a.map em{margin-right: 10px;float:left;width:16px;height:16px;background:url(../images/amoreem.png) no-repeat;background-position:0px 0px;background-repeat:no-repeat;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #ins-con a.map:hover em{background-position: 0px -16px;} #ins-con a.map:hover{background: #0072be;} #ins-news{padding: 60px 0 100px;} #ins-news ul.ins-news-list li{position: relative;margin-bottom: 30px;display: block;float: left;margin-left: 29px;margin-right: 112px;} #ins-news ul.ins-news-list li .date{width: 60px;height: 60px;background:#0072be;float: left;position: absolute;left: -29px;top:35px;} #ins-news ul.ins-news-list li .date p.d{font-size: 24px;color:#fff;font-weight: bold;font-family: arial;} #ins-news ul.ins-news-list li .date p.ym{color:#fff;font-size: 14px;} #ins-news ul.ins-news-list li .news-box{width: 503px;height: 128px;border: 1px solid #e6e6e6;padding:33px 32px 33px 69px;} #ins-news ul.ins-news-list li .news-box .news-box-tit{font-size: 16px;font-weight: bold;color:#4c4c4c;} #ins-news ul.ins-news-list li .news-box .news-box-info{font-size: 14px;color:#808080;margin-top: 9px;} #ins-news ul.ins-news-list li:nth-child(2n+0){margin-right: 0px;} #ins-news ul.ins-news-list li:last-child{margin-bottom: 0px;} #ins-newsview .ins-newsview-tit{font-size: 24px;color: #0072be;padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;} #ins-newsview .ins-newsview-tit p.date{font-size: 14px;color:#000;} #ins-newsview .ins-newsview-tit p.tit3{font-size: 16px;color:#000;} #ins-newsview .ins-newsview-info{padding: 30px 0px 50px;width:100%; text-align: left;} #ins-news ul.ins-news-list{margin-bottom: 70px;} #ins-newsview .ins-newsview2-info>p{text-align: center;} #ins-newsview{padding: 60px 0 100px;} #ins-env{padding: 60px 0 69px;min-height:300px; } #ins-env ul.ins-env-list li{width: 25%;float: left;} #ins-env ul.ins-env-list li { display: block; overflow: hidden; cursor: pointer;margin-bottom: 21px;} #ins-env ul.ins-env-list li .img { display: block; width: 94.915%; max-height: 190px; text-align: center;position: relative;} #ins-env ul.ins-env-list li .img span { height: 100%; display: inline-block; vertical-align: middle; } #ins-env ul.ins-env-list li .img img { max-height: 190px; max-width: 100%; vertical-align: middle; } #ins-env ul.ins-env-list li .img p { position: absolute; z-index: 1; left: 0; top: -230px; width: 100%; height: 100%; background: #000; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #ins-env ul.ins-env-list li .s1 { display: block; position: absolute; z-index: 2; left: 50%; top: 230px; margin-left: -32px; } #ins-env ul.ins-env-list li .s1 img { width: 63px; height: 63px; max-width: 100%; } #ins-env ul.ins-env-list li .s2 { display: block; position: absolute; z-index: 2; left: 0; top: 400px; width: 100%; font-size: 14px; text-align: center; color: #FFF; } #ins-env ul.ins-env-list li span.name{font-size: 14px;color:#808080;display: block;height: 29px;line-height: 38px;} #ins-proshow{padding: 60px 0 100px;} #ins-proshow .ins-promenu{width: 25.4237%;float: left;} #ins-proshow .ins-promenu .ins-promenul:first-child{border-top: none;} #ins-proshow .ins-promenu .ins-promenul{height: 49px;color:#fff;background: #0d7ec5;line-height: 49px;border-bottom: 1px solid #108fde;border-top: 1px solid #0c6eab;} #ins-proshow .ins-promenu .ins-promenul .ins-promenul-name{display: inline-block;width: 81%;line-height: 45px;float: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #ins-proshow .ins-promenu .ins-promenul em{margin-left: 32px;display: inline-block;width: 15px;height: 15px;background:url(../images/proname.png) center center no-repeat;} #ins-proshow .ins-promenu .ins-promenul a{color:#fff;} #ins-promenu .ins-promenu-top img{width: 100%;} #ins-proshow .ins-proshow-list{float: right;} #ins-proshow .ins-proshow-list{width: 71.1864%;} #ins-proshow .ins-proshow-list>ul>li { width: 25%; height: 211px; float: left; font-size: 12px; text-align: center; margin-bottom: -1px;} #ins-proshow .ins-proshow-list>ul>li>a { display: block; height: 211px; border: 1px #E6E6E6 solid; padding: 25px 0; margin-left: -1px; position: relative; overflow: hidden; } #ins-proshow .ins-proshow-list ul li a .img { display: block; width: 100%; height: 150px; text-align: center; margin: 0 auto 10px; } #ins-proshow .ins-proshow-list ul li a .img span { height: 100%; display: inline-block; vertical-align: middle; } #ins-proshow .ins-proshow-list>ul>li>a>.img>img { max-height: 127px; max-width: 100%; vertical-align: middle; } #ins-proshow .ins-proshow-list ul li .img p { position: absolute; z-index: 1; left: 0; top: -230px; width: 100%; height: 100%; background: #000; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #ins-proshow .ins-proshow-list ul li a .s1 { display: block; position: absolute; z-index: 2; left: 50%; top: 230px; margin-left: -32px; } #ins-proshow .ins-proshow-list>ul>li>a>.s1>img { width: 63px; height: 63px; max-width: 100%; } #ins-proshow .ins-proshow-list ul li a .s2 { display: block; position: absolute; z-index: 2; left: 0; top: 400px; width: 100%; font-size: 14px; text-align: center; color: #FFF; } #ins-proshow .ins-proshow-list>ul>li>a>span.name{border-bottom: 3px solid #fff;display: inline-block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;text-align: center;} #ins-proshow .ins-proshow-list>ul>li>a:hover{border-bottom: 3px solid #0d7ec5;} #ins-proshow .ins-proshow-list .ins-proshow-box{margin-bottom: 70px;} #ins-proshow .ins-proshow-list2 .ins-proshow-box{margin-bottom: 70px;} #ins-proshow .ins-proshow-list2>ul>li { width: 25%; height: 211px; float: left; font-size: 12px; text-align: center; margin-bottom: -1px;} #ins-proshow .ins-proshow-list2>ul>li>a { display: block; height: 211px; border: 1px #E6E6E6 solid; padding: 25px 0; margin-left: -1px; position: relative; overflow: hidden; } #ins-proshow .ins-proshow-list2 ul li a .img { display: block; width: 100%; height: 150px; text-align: center; margin: 0 auto 10px; } #ins-proshow .ins-proshow-list2 ul li a .img span { height: 100%; display: inline-block; vertical-align: middle; } #ins-proshow .ins-proshow-list2 ul li a .img img { max-height: 127px; max-width: 100%; vertical-align: middle; } #ins-proshow .ins-proshow-list2 ul li .img p { position: absolute; z-index: 1; left: 0; top: -230px; width: 100%; height: 100%; background: #000; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #ins-proshow .ins-proshow-list2 ul li a .s1 { display: block; position: absolute; z-index: 2; left: 50%; top: 230px; margin-left: -32px; } #ins-proshow .ins-proshow-list2 ul li a .s1 img { width: 63px; height: 63px; max-width: 100%; } #ins-proshow .ins-proshow-list2 ul li a .s2 { display: block; position: absolute; z-index: 2; left: 0; top: 400px; width: 100%; font-size: 14px; text-align: center; color: #FFF; } #ins-proshow .ins-proshow-list2>ul>li>a>span.name{border-bottom: 3px solid #fff;display: inline-block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;text-align: center;} #ins-proshow .ins-proshow-list2>ul>li>a:hover span.name{color:#337ab7;} .ins-promenu{width: 25.4237%;float: left;} .ins-promenu .ins-promenul:first-child{border-top: none;} .ins-promenu .ins-promenul{height: 49px;color:#fff;background: #0d7ec5;line-height: 49px;border-bottom: 1px solid #108fde;border-top: 1px solid #0c6eab;} .ins-promenu .ins-promenul .ins-promenul-name{display: inline-block;width: 81%;line-height: 45px;float: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .ins-promenu .ins-promenul em{margin-left: 32px;display: inline-block;width: 15px;height: 15px;background:url(../images/proname.png) center center no-repeat;} .ins-promenu .ins-promenul a{color:#fff;} .ins-promenu .ins-promenu-top img{width: 100%;} .ins-pro-right{width: 71.1864%;float: right;} .proDet_top{} .proDet_title{float:left;line-height:40px;font-size:20px;color:#333;} .proDet_title a{color:#333;} .proDet_title a:hover{color:#0072be;} .proDet_title img{display:block;float:left;width:15px;margin:12px 10px 0 0;} .proDet_title strong{color:#0072be;} .back2{display:block;cursor:pointer;float:right;width:125px;height:40px;line-height:40px;padding-left:48px;background:url(../images/back.png) #0072be 20px center no-repeat;font-size:14px;color:#fff;} .back2:hover{color:#FFF;} .proDet_scroll .bx-wrapper{position:relative;margin:80px auto 0;padding:0;*zoom:1;width:54%;} .proDet_scroll .bx-wrapper img{width:100%;display:block;margin:0 auto;} .proDet_scroll .bx-wrapper .bx-viewport{margin:0 auto!important;} .proDet_scroll .bx-controls{text-align:center;margin-top:40px;} .proDet_scroll .bx-wrapper .bx-pager,.proDet_scroll .bx-wrapper .bx-controls-auto{position:relative;} .proDet_scroll .bx-pager-item{border:1px solid #e2e2e2;height:68px;position:relative;} .proDet_scroll .bx-pager-item .line{width:100%;height:2px;font-size:0;background:#0072be;position:absolute;bottom:-1px;left:0;display:none;} .proDet_scroll .bx-wrapper .bx-pager-item img{max-width:100%;display:block;margin:0 auto;} .proDet_scroll .bx-wrapper .bx-pager .bx-pager-item,.proDet_scroll .bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager{display:inline-block;*zoom:1;*display:inline;} .proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a{text-indent:-9999px;display:block;width:68px;height:68px;outline:0;overflow:hidden;} .proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a:hover .line,.proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a.active .line{display:block;} .proDet_scroll .bx-controls-direction a{position:absolute;top:50%;margin-top:-75px;left:0;outline:0;width:22px;height:43px;text-indent:-9999px;z-index:80;display:block;background:url(../images/arrow5.png) no-repeat;} .proDet_scroll .bx-controls-direction a.disabled{display:block;} .proDet_scroll .bx-controls-direction .bx-next{left:auto;right:0;background-position:-40px 0;} .proDet_scroll .bx-controls-direction .bx-prev:hover{background-position:0 -46.5px;} .proDet_scroll .bx-controls-direction .bx-next:hover{background-position:-40px -46.5px;} .pro_nav{margin-top:52px;background:#14B75C;height:52px;} .pro_nav li{width:33.3333%;float:left;position:relative;cursor:pointer;padding-top:14px;white-space:nowrap;text-overflow:ellipsis;} .pro_nav li a{display:block;border-right:1px solid #9bc6e7;font-size:17px;color:#FFF;text-align:center;} .pro_nav li:last-child a{border-right:0px none;} .pro_nav .arrowT{border-width:14px;position:absolute;bottom:-15px;left:50%;margin-left:-14px;display:none;} .pro_nav li.on .arrowT{display:block;} .pro_det_main{width:99%;margin:0 auto 50px;} .pro_path{display:none;} .pro_path{padding-top:47px;} .pro_path .title{font-size:20px;color:#14B75C;font-weight:bolder;line-height:35px;} .pro_intro{font-size:16px;color:#14B75C;line-height:33px;padding-top:22px;} .pro_intro table{ width:100%; border:2px solid #666; } .pro_intro table th,.pro_intro table td {font-size:14px; border:2px solid #666; padding:0px 10px;} .pro_intro table th{font-size:16px; font-weight: normal; text-align:center; padding-top:5px; padding-bottom:4px; background-color:#89DBAD; color:#000;} .pro_intro table tr:nth-last-child(even) { background-color: #F1F1F1; } .pro_para{margin-top:30px;} .pro_para li{float:left;margin:0 30px 20px 0;} .pro_para a{display:block;border-right:1px solid #d7d7d7;line-height:40px;color:#666;font-size:18px;padding-right:30px;} .pro_para img{width:41px;margin-right:20px;} .arrowT{display:inline-block;*display:inline;*zoom:1;width:0;height:0;} .arrowT{border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:14px solid #fff;} @media only screen and (max-width: 900px) { .back2, .pro_nav { display: none; } .pro_det_main { width: 100%; margin: 25px 0 0 0; border-top: 1px solid #eee; } .pro_path { display: block !important; } .pro_path { padding-top: 0; border-bottom: 1px solid #eee } .pro_path .title { height: 55px; padding: 0 4%; font-weight: normal; font-size: 17px; line-height: 55px; background: #fff; position: relative; cursor: pointer; } .pro_path .title i { display: block; width: 22px; height: 13px; background: url(../images/arrow2.png) center no-repeat; background-size: 100%; position: absolute; top: 21px; right: 4%; } .pro_path .title.on { background: #14B75C; color: #fff; border-bottom: 1px solid #000; } .pro_path .title.on i { background-image: url(../images/arrow1.png); } .pro_tab { display: none; } .pro_intro { padding: 15px 0% 20px 0%; } .proDet_scroll .bx-wrapper { margin: 30px auto 0; } } @media only screen and (max-width: 500px) { .proDet_scroll .bx-pager-item { height: 40px; } .proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a { width: 40px; height: 40px; } } /*1850*/ @media(max-width: 1850px) { #i-head a.logo img{height: 50px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 16px;display: block;padding:0 3px 21px;} /*#i-head .i-header{width: 71%;}*/ } /*1730*/ @media(max-width: 1730px) { #i-head a.logo img{height: 50px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 16px;display: block;padding:0 3px 21px;} } /*1680*/ @media(max-width: 1680px) { #i-head-fix{height: 90px;} #i-head a.logo img{height: 50px;} /* .carousel{margin-top: 90px;} */ .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} .about_box{margin-top: 90px;} } /*1640*/ @media(max-width: 1640px) { #i-head-fix{height: 90px;} #i-head a.logo img{height: 50px;} /* .carousel{margin-top: 90px;} */ .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} .abouticon{height: 130px;} .abouticon .summary,.abouticon .technology,.abouticon .culture{height: 140px;} .abouticon .summary:hover,.abouticon .technology:hover,.abouticon .culture:hover{height: 150px;margin-top: -20px;} .abouticon .summary:hover .summary-box,.abouticon .technology:hover .technology-box,.abouticon .culture:hover .culture-box{margin-top: 40px;} } /*1600*/ @media(max-width: 1600px) { #i-head a.logo img{height: 45px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} } /*1541*/ @media(max-width: 1541px) { #i-head a.logo img{height: 45px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} .abouticon .summary .summary-box .summary-box-icon img,.abouticon .technology .technology-box .technology-box-icon img, .abouticon .culture .culture-box .culture-box-icon img{height: 50px;} } /*1490*/ @media(max-width: 1490px) { #i-head a.logo img{height: 40px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} #i-head-fix{height: 78px;} .pcnavBar{line-height: 40px;} /* .carousel{margin-top: 78px;} */ .about_box{margin-top: 78px;} } /*1400*/ @media(max-width: 1400px) { #i-head a.logo img{height: 40px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} .pcnavBar .pcnav .sub .sub-contact-l .sub-contact-info{margin-bottom: 15px;} #i-about{margin:80px 0px;} #i-product .i-product-tit {margin:80px 0px 40px;} #i-product .i-product-img{height: 418px;} #i-news{margin:80px 0px; margin-bottom: 0;} } /*1330*/ @media(max-width: 1330px) { #i-head a.logo img{height: 38px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} } /*1329*/ @media(max-width: 1329px) { #i-knowledge ul.i-knowledge-list li{height: 300px;} } /*1310*/ @media(max-width: 1310px) { #i-head a.logo img{height: 35px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 15px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} #i-foot .i-foot-r ul.fnav-tit li a {padding-right: 45px;} #i-foot .i-foot-r ul.fnav-list {margin-right: 61px;} } /*1299*/ @media(max-width: 1299px) { #i-about .i-about-con .i-about-con-l-cp,#i-about .i-about-con .i-about-con-r{height: 291px;} #i-foot .i-foot-l .i-foot-l-info{width: 95%;} #ins-con .ins-con-list li{margin-right: 50px;} #ins-con .ins-con-list li.phone{margin-right: 190px;} #ins-con .ins-con-list li.tel {margin-right: 115px;} #ins-con .ins-con-list li.qq {margin-right: 147px;} #ins-news ul.ins-news-list li{margin-right: 50px;} .about_box ul{width: 88%;} } /*1260*/ @media(max-width: 1260px) { #i-head a.logo img{height: 35px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 10px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} .pcnavBar .pcnav .sub .sub-title{font-size: 14px;} .pcnavBar .pcnav .sub .sub-about-m .sub-culture-img img{width: 80%;} .pcnavBar .pcnav .sub .sub-about-r .sub-env-img img{width: 80%;} .pcnavBar .pcnav .sub .sub-pro .sub-pro-r .sub-pro-img img{width: 179px;} .pcnavBar .pcnav .sub .sub-news-m .sub-news-img img{width: 80%;} .pcnavBar .pcnav .sub .sub-news-r .sub-news-img img{width: 80%;} .pcnavBar .pcnav .sub .sub-contact-m .sub-contact-img img{width: 80%;} .pcnavBar .pcnav .sub .sub-contact-r .sub-contact-img img{width: 80%;} .pcnavBar .pcnav .sub .sub-contact-l .sub-contact-info-tel{font-size: 14px;} .pcnavBar .pcnav .sub .sub-contact-l .sub-contact-info span{display: inline-block;} .pcnavBar .pcnav .sub .sub-contact-l .sub-contact-info{margin-top: 0px;line-height: 18px;} .cimgtt{font-size: 13px;font-weight: bold;margin: 15px auto;width: 100%;} .tcidcon{font-size: 12px;} } /*1201*/ @media(max-width:1205px) and (min-width: 1200px) { #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{height: 290px;} } @media(max-width: 1201px){ #i-about .i-about-con .i-about-con-r,#i-about .i-about-con .i-about-con-l-cp{height: 290px;} } /*1200*/ @media(max-width: 1200px){ .pcnavBar .pcnav .sub .sub-pro .sub-pro-r {margin-right: 35px;} .abouticon{height: 120px;} .abouticon .summary,.abouticon .technology,.abouticon .culture{height: 130px;} .abouticon .summary .summary-box .summary-box-icon img,.abouticon .technology .technology-box .technology-box-icon img, .abouticon .culture .culture-box .culture-box-icon img{height: 45px;} .abouticon .summary .summary-box,.abouticon .technology .technology-box,.abouticon .culture .culture-box{margin:33px 15px;} .abouticon .summary:hover,.abouticon .technology:hover,.abouticon .culture:hover{height: 140px;margin-top: -20px;} .abouticon .summary:hover .summary-box,.abouticon .technology:hover .technology-box,.abouticon .culture:hover .culture-box{margin-top: 40px;} #i-about{margin:70px 0px;} #i-about .i-about-con .i-about-con-img img{} #i-product .i-product-tit {margin:70px 0px 40px;} #i-product ul.i-product-show8 li a span.name{width: 75%;} #i-product .i-product-img {height: 407px;} #i-news{margin:70px 0px;margin-bottom: 0;} .daofa{ width: 100%; margin: 0 auto;} .daic{ width: 33.33%; color: #fff; float: left; } .cimg{ margin-top: 60px; width: 100%;} .about_box ul{width: 80%;} } /*1199*/ @media(max-width: 1199px){ #i-about .i-about-con .i-about-con-r,#i-about .i-about-con .i-about-con-l-cp{height: 237px;} #i-about .i-about-con .i-about-con-l-cp .i-about-con-l-cp-img img{height: 193px;} #i-about .i-about-con .i-about-con-r .i-about-con-r-tit p.ch{font-size: 20px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left: 39px;} #i-about .i-about-con .i-about-con-r{padding-top: 40px;} #i-about .i-about-con .i-about-con-r .i-about-con-r-tit{padding-bottom: 10px;} #i-about .i-about-tit img{height: 68px;} #i-product .i-product-tit img{height: 53px;} #i-product .i-product-img {height: 402px;} #i-knowledge ul.i-knowledge-list li .bottom a.i-knowledge-more{margin-top: 21px;} #i-news .i-news-tit img{height: 68px;} #i-foot .i-foot-r ul.fnav-tit li a{padding-right:23px;} #i-foot .i-foot-r ul.fnav-list{margin-right:38px;} #i-foot .i-foot-l .i-foot-l-info .i-foot-l-info-code{} #i-foot .i-foot-l .i-foot-l-flogo img{height:38px;} #i-foot .i-foot-l .i-foot-l-info .i-foot-l-info-code img{height:80px;} #i-foot .i-foot-l{width:35.2%;} #i-foot .i-foot-l-info-con-add{line-height:14px;} .ins-about-con2 .ins-about-con2-l p{font-size: 25px;} #ins-con .ins-con-list li span.ins-con-list-icon img{height: 30px;} #ins-con .ins-con-list li span.ins-con-list-info p.tit{font-size: 14px;} #ins-con .ins-con-list li span.ins-con-list-info p.info{font-size: 12px;} #ins-con .ins-con-list li.tel{margin-right: 50px;} #ins-con .ins-con-list li{margin-right: 21px;} #ins-con .ins-con-list li.phone{margin-right: 139px;} #ins-con .ins-con-list li.qq{margin-right: 78px;} #ins-con .ins-con-tit{margin-bottom: 45px;} #ins-con .ins-con-list li span.ins-con-list-info{line-height: 17px;} #ins-con a.map{width: 200px;padding: 13px 40px 12px;} #ins-news ul.ins-news-list li{margin-right: 50px;} #ins-news ul.ins-news-list li .news-box{width: 412px;padding-left: 50px;} #ins-news ul.ins-news-list li .news-box .news-box-info{font-size: 12px;} #ins-env ul.ins-env-list li span.name{} #ins-proshow .ins-promenu .ins-promenul .ins-promenul-name{width: 75%;} #ins-proshow .ins-proshow-list ul li{width: 33.33333%;} #ins-proshow .ins-promenu .ins-promenul .ins-promenul-name{width: 75%;} .ins-promenu .ins-promenul .ins-promenul-name{width: 75%;} } /*1165*/ @media(max-width: 1165px) { #i-head a.logo img{height: 30px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 10px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} #i-head-fix{height: 65px;} .pcnavBar{line-height: 25px;} /* .carousel{margin-top:65px;} */ .pcnavBar .pcnav .sub .sub-title{margin-bottom: 10px;} .pcnavBar .pcnav .sub .sub-pro ul.sub-pro-l-list{margin-bottom: 20px;} .pcnavBar .pcnav .sub .sub-about .sub-about-info{margin-bottom: 20px;} .pcnavBar .pcnav .sub .sub-news .sub-news-l-list{margin-bottom: 20px;} .pcnavBar .pcnav .sub .sub-contact-l .sub-contact-info{margin-bottom: 20px;} .pcnavBar .pcnav .sub .sub-pro .sub-pro-r{margin-right: 35px;} .abouticon{height: 110px;} .abouticon .summary,.abouticon .technology,.abouticon .culture{height: 120px;} .abouticon .summary .summary-box .summary-box-icon img,.abouticon .technology .technology-box .technology-box-icon img, .abouticon .culture .culture-box .culture-box-icon img{height: 40px;} .abouticon .summary .summary-box,.abouticon .technology .technology-box,.abouticon .culture .culture-box{margin:25px 15px;} .abouticon .summary:hover,.abouticon .technology:hover,.abouticon .culture:hover{height: 130px;margin-top: -20px;} .abouticon .summary:hover .summary-box,.abouticon .technology:hover .technology-box,.abouticon .culture:hover .culture-box{margin-top: 20px;} .about_box{margin-top: 65px;} } /*1120*/ @media(max-width: 1120px) { #i-head a.logo img{height: 30px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 10px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} } /*1100*/ @media(max-width: 1100px) { #i-head a.logo img{height: 30px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 10px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 3px 11px;} } /*1080*/ @media(max-width: 1080px) { #i-head a.logo img{height: 30px;} .pcnavBar .pcnav>li{display: inline-block;padding: 0 10px;} .pcnavBar .pcnav>li>a{font-size: 14px;display: block;padding:0 1px 11px;} #i-head-fix{height: 70px;} .pcnavBar{line-height: 30px;} /* .carousel{margin-top: 70px;} */ .about_box{margin-top: 70px;} } /*1200*/ @media(min-width: 1300px) { .container{width: 1210px;} } /*1200*/ @media(max-width: 1200px) { /*.container{width: 970px!important;}*/ } /*992*/ @media(min-width: 993px){ .carousel-indicators{bottom:180px;} } @media(max-width: 992px) { /*.navbar-toggle{display: block;} .navbar-header{float: none;background:#fff;}*/ .navbar-nav{float: right;} .dropdown-menu{width: 85px;min-width: 85px;} .navbar{margin-bottom: 0px;} #i-head-fix{height: 50px;} /* .carousel{margin-top: 50px;} */ .navbar-brand{padding:0px;} .navbar-brand>img{height: 35px;padding:0px;margin-top: 9px;margin-left: 15px;} .navbar-default .navbar-toggle .icon-bar{background: #0072be;} .navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background: #0072be;} .navbar-default .navbar-toggle{border-color: #ddd;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: #ddd;} /*.navbar-collapse.collapse{display: none!important;}*/ .navbar-default{background: #fff;} .navbar-default .navbar-nav > li > a{color:#333;} .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color:#0072be;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#fff;background: #0072be;} .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#333;text-align: center;padding:5px 0px 5px;font-size: 12px;} .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#0072be;background: #e8e8e8;} .navbar-box{box-shadow: 0 3px 5px rgba(0,0,0,.25);} .navbar-nav .open .dropdown-menu{border-bottom: 1px solid #e6e6e6;} .abouticon{height: 100px;} .abouticon .summary,.abouticon .technology,.abouticon .culture{height: 110px;} .abouticon .summary .summary-box .summary-box-icon img,.abouticon .technology .technology-box .technology-box-icon img, .abouticon .culture .culture-box .culture-box-icon img{height: 35px;} .abouticon .summary .summary-box,.abouticon .technology .technology-box,.abouticon .culture .culture-box{margin:25px 5px;} .abouticon .summary .summary-box .summary-box-con .summary-box-con-tit span.ch,.abouticon .technology .technology-box .technology-box-con .technology-box-con-tit span.ch,.abouticon .culture .culture-box .culture-box-con .culture-box-con-tit span.ch{font-size: 14px;} .abouticon .summary .summary-box .summary-box-con .summary-box-con-tit span.en,.abouticon .technology .technology-box .technology-box-con .technology-box-con-tit span.en,.abouticon .culture .culture-box .culture-box-con .culture-box-con-tit span.en{font-size: 12px;} .carousel-indicators{bottom:140px;} .abouticon .summary:hover,.abouticon .technology:hover,.abouticon .culture:hover{height: 120px;margin-top: -20px;} .abouticon .summary:hover .summary-box,.abouticon .technology:hover .technology-box,.abouticon .culture:hover .culture-box{margin-top: 18px;} #i-product ul.i-product-show8 li a span.name{width: 55%;font-size: 12px;} #i-product ul.i-product-show8 li{width: 50%;} #i-tel .cumulative h1{font-size: 30px;} #i-tel .cumulative h5{} #i-tel .cumulative p.number{font-size: 40px;} .about_box{margin-top: 50px;} } /*991*/ @media(max-width: 991px) { #i-about .i-about-con .i-about-con-l-cp .i-about-con-l-cp-img img{height: 141px;} #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{font-size: 12px} .lt{font-size: 13px;text-align: center; margin-top: 55px;font-weight: bold;} .lt-en{font-size: 12px;text-align: center; margin-bottom: 105px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left: 28px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{width: 60px;} #i-about .i-about-con .i-about-con-r .i-about-con-r-tit p.ch{font-size: 16px;} #i-about .i-about-con .i-about-con-r .i-about-con-r-tit p.en{font-size: 10px;} #i-about .i-about-con .i-about-con-r {padding-top: 22px;padding-left:21px;padding-right: 10px;} #i-about .i-about-con .i-about-con-r .i-about-con-r-tit {padding-bottom: 5px;} /*#i-about .i-about-con .i-about-con-img{width: 26%;} #i-about .i-about-con .i-about-con-l{width:74%}*/ #i-about .i-about-con .i-about-con-r .i-about-con-r-info{height: 100px;overflow: hidden;margin-top: 2px;} #i-knowledge ul.i-knowledge-list li .bottom p.info{padding:20px 10px 0px;} #i-knowledge ul.i-knowledge-list li .bottom a.i-knowledge-more{display: block;margin-top: 20px;} .daofa{ width: 100%; } .cimg img{ } .cimg { margin-top: 60px; width: 100%; } #i-foot .i-foot-r ul.fnav-tit li a {padding-right: 19px;font-size: 12px;} #i-foot .i-foot-r ul.fnav-list {margin-right: 61px;} #i-foot .i-foot-l .i-foot-l-flogo img{height: 30px;} #i-foot .i-foot-r ul.fnav-tit{margin-top: 7px;} #i-foot .i-foot-r ul.fnav-list{margin-right: 19px;} #i-foot .i-foot-l .i-foot-l-info .i-foot-l-info-code img { height: 60px;} #i-foot .i-foot-l{width: 43.2%;} .ins-about-con2 .ins-about-con2-l p{font-size: 16px;} .ins-about-con2 .ins-about-con2-r{width: 75.1017%;} .ins-about-con2 .ins-about-con2-r p{font-size: 14px;} #ins-app ul.ins-app-box li .ins-app-con-tit p.ch{font-size: 20px;} #ins-app ul.ins-app-box li span.ins-app-con .ins-app-con-info{margin-top: 0;} #ins-con .ins-con-list{width: 91%;} #ins-con .ins-con-tit{margin-bottom: 40px;} #ins-news ul.ins-news-list li{margin-right: 30px;} #ins-news ul.ins-news-list li .news-box{width: 316px;} #ins-env ul.ins-env-list li span.name{font-size: 12px;} #ins-proshow .ins-proshow-list ul li{width: 50%;} #ins-proshow .ins-proshow-list{width: 100%;} .ins-pro-right{width: 100%; } #ins-proshow .ins-promenu{width: 100%;} #ins-proshow{padding:25px 0px 100px;} .product-box1 { padding: 10px 0 50px; } .pro_menu { width: 100%; border: 0 none; margin-bottom: 20px; } .pro_menu { display: block; position: relative; line-height: 58px; } .pro_menu p { display: block; border-bottom: 1px #E6E6E6 solid; } .pro_menu p span { font-size: 20px; color: #0072be; } .pro_menu .arrow1 { width: 23px; float: right; margin-top: 25px; } .pro_menu dl { display: none; } .pro_menu dl dt {color:#333;line-height: 35px; font-size: 14px;cursor: pointer;padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: normal;} .pro_menu dl dt img { float: right; margin-top: 8px; } .pro_menu dl dt em { display: block; float: left; width: 30px; height: 43px; margin-right: 10px; background-repeat: no-repeat; background-position: -46px top; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .pro_menu dl dt i { display: block; float: left; width: 1px; height: 43px; background: url(../images/pro_menu_h.png) no-repeat left -43px; margin-right: 10px; } .pro_menu dl dd { display: none; } .pro_menu dl dd a { display: block; font-size: 14px; padding: 8px 0 8px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pro_menu dl.on { background-color: #0d7ec5; color: #fff; } .pro_menu dl.on dt a { color: #FFF; } .pro_menu dl.on dt em { background-position: left top; } .pro_menu dl.on dt i { background-position: left top; } .pro_menu dl.on dd { background-color: #F2F2F2; padding: 8px 0; } .pro_menu dl.on dd a.on { color: #005499; } .pro_menu dl.on dt{color:#fff;} .pro_menu dl { border-bottom: 1px #E6E6E6 solid;border-left:1px solid #e6e6e6;border-right: 1px solid #e6e6e6; } .pro_menu dl dt:hover{background: #0d7ec5;color:#fff;} } /*767-960*/ @media (max-width: 960px) and (min-width: 860px) { .navbar-default .navbar-nav > li > a{font-size: 14px;padding-left:10px;padding-right: 10px;} .dropdown-menu{width: 75px;min-width: 75px;} .tcoimg { float: left; margin-right: 0; } .ifotleft { float: left; width: 607px; } } /*767-880*/ @media (max-width: 880px) and (min-width: 767px) { .navbar-default .navbar-nav > li > a{font-size: 12px;} .dropdown-menu{width: 70px;min-width: 70px;} .tcoimg { float: left; margin-right: 0; } .ifotleft { float: left; width: 607px; } } /*767-860*/ @media (max-width: 860px) and (min-width: 768px) { .navbar-default .navbar-nav > li > a{padding-left: 6px;padding-right: 6px;} .dropdown-menu{width: 60px;min-width: 60px;} .tcoimg { float: left; margin-right: 0; } .ifotleft { float: left; width: 607px; } } @media(min-width: 768px){ /*.carousel-indicators{bottom: 180px;}*/ } /*768*/ @media(max-width: 768px) { } /*767*/ @media(max-width: 767px){ .navbar-nav{float: none;} .dropdown-menu{min-width: 160px;} .navbar{margin-bottom: 0px;} #i-head-fix{height: 50px;} /* .carousel{margin-top: 50px;} */ .navbar-brand{padding:0px;} .navbar-brand>img{height: 35px;padding:0px;margin-top: 9px;margin-left: 15px;} .navbar-default .navbar-toggle .icon-bar{background: #0072be;} .navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background: #0072be;} .navbar-default .navbar-toggle{border-color: #ddd;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: #ddd;} /*.navbar-collapse.collapse{display: none!important;}*/ .navbar-default{background: #fff;} .navbar-default .navbar-nav > li > a{color:#333;} .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color:#0072be;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#fff;background: #0072be;} .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#333;text-align: center;padding:5px 0px 5px;font-size: 12px;} .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#0072be;background: #e8e8e8;} .navbar-box{box-shadow: 0 3px 5px rgba(0,0,0,.25);} .navbar-nav .open .dropdown-menu{border-bottom: 1px solid #e6e6e6;} .abouticon{height: 75px;} .abouticon .summary,.abouticon .technology,.abouticon .culture{height: 85px;} .carousel-indicators{bottom:20px;} #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp {height: 183px;} #i-about{margin:50px 0px;} #i-about .i-about-tit img{height: 50px;} #i-product .i-product-tit img{height: 50px;} #i-about .i-about-con .i-about-con-l{width: 100%;} #i-about .i-about-con .i-about-con-r{border-right: 1px solid #e6e6e6;} #i-about .i-about-con .i-about-con-l-cp{width: 20%;} #i-about .i-about-con .i-about-con-r{width: 80%;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:27%;} #i-product .i-product-tit {margin:50px 0px 40px;} #i-product .i-product-img{height: 363px;} #i-product .i-product-tit img{height: 35px;} #i-news{margin:50px 0px;margin-bottom: 0;} #i-news .i-news-tit img{height: 50px;} #i-news .i-news-button a.information,#i-news .i-news-button a.company{font-size: 12px;width: 70px;} #i-tel .cumulative h1{font-size: 24px;} #i-tel .cumulative h5{} #i-tel .cumulative p.number{font-size: 35px;} #i-tel .cumulative{height: 200px;} .daofa{ width: 100%; } .cimg img{ } .cimg { margin-top: 20px; width: 100%; } .cimgtt{font-size: 13px;font-weight: bold;margin: 15px auto;width: 100%;} .tcidcon{font-size: 12px;} #i-foot-bot .i-footbot-right{text-align: left;} #i-foot .i-foot-l{width: 100%;} #i-foot .i-foot-l .i-foot-l-info{width: 100%;} #i-foot{padding:50px 0px;} #i-foot .i-foot-l .i-foot-l-info .mobile{margin-bottom: 20px;} #i-foot .i-foot-tel-con{font-size: 12px;} .ins-about-con1 .ins-about-con1-tit{font-size: 25px;} .ins-about-con1{margin: 43px 0 43px;} .ins-about-con1 .ins-about-con1-info{font-size: 12px;} .ins-about-con3 .ins-about-con3-tit{font-size: 25px;} .ins-about-con3{padding: 43px 0 43px;} .ins-about-con3 .ins-about-con3-info{font-size: 12px;} #ins-app ul.ins-app-box li .ins-app-con-tit p.ch{font-size: 16px;} #ins-app ul.ins-app-box li .ins-app-con-tit p.en{font-size: 12px;} #ins-app ul.ins-app-box li span.ins-app-con .ins-app-con-info{font-size: 12px;} #ins-app{padding:43px 0 43px;} #ins-app ul.ins-app-box li span.ins-app-con,#ins-app ul.ins-app-box li span.ins-app-img{width: 100%;} #ins-app ul.ins-app-box li span.ins-app-img{margin-bottom: 5px;} #ins-feed{padding:43px 0 43px;} #ins-feed .ins-feed-con .ins-feed-con-tit{font-size: 20px;} #ins-con{padding:43px 0 43px;} #ins-con .ins-con-tit{font-size: 25px;} #ins-news{padding: 43px 0 43px;} #ins-news ul.ins-news-list li{width: 90%;} #ins-news ul.ins-news-list li .news-box{width: 100%;} #ins-newsview{padding:43px 0px;} #ins-env{padding: 43px 0px;} /*#ins-proshow{padding: 43px 0px;}*/ #ins-proshow .ins-proshow-list2 ul li{width: 50%;} #ins-newsview .ins-newsview2-info>p>img{width: 100%;} #ins-newsview .ins-newsview-info>p>img{width: 100%;} .proDet_title strong{font-size: 12px;} .proDet_scroll .bx-wrapper { margin: 30px auto 0; } .pro_path .title{height: 40px;line-height: 40px;font-size: 12px;} .pro_path .title i{top: 14px;} .proDet_scroll .bx-wrapper{width: 80%;} .pro_intro p img{width: 100%;} .pro_intro p{font-size: 12px;} } /*710*/ @media(max-width: 710px) { #ins-con .ins-con-list li{width: 100%;float: none;} #ins-con .ins-con-list{width: 50%;} #ins-con .ins-con-list li,#ins-con .ins-con-list li.tel,#ins-con .ins-con-list li.phone,#ins-con .ins-con-list li.qq{margin-right: 0px;} #ins-con a.map{width: 150px;padding: 13px 20px 12px;font-size: 12px;margin-top: 30px;} } /*700*/ @media(max-width: 700px) { #i-knowledge ul.i-knowledge-list li .bottom p.info{padding-left: 3px;padding-right:3px;} } /*668*/ @media(max-width: 668px) { .ins-about-con22 .ins-about-con22-r p{width: 95%;} .ifotleft { float: left; width: 400px; } } /*626*/ @media(max-width: 626px) { #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:24%;} #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{height: 200px;} #i-about .i-about-con .i-about-con-r .i-about-con-r-info{height: auto;} #i-about .i-about-con .i-about-con-r{padding-left: 25px;} #i-knowledge ul.i-knowledge-list li{width: 33.333%;} } /*602*/ @media(max-width: 602px) { } /*600*/ @media(max-width: 600px) { #i-about .i-about-con .i-about-con-r{padding-left: 28px;} #i-about .i-about-tit img{height: 45px;margin-bottom: 30px;} #i-product .i-product-tit img{height: 33px;} #i-about{margin:30px 0px;} #i-product .i-product-tit {margin:30px 0px;} #i-product .i-product-img {height: 332px;} #i-product{margin-bottom: 30px;} #i-news{margin:30px 0px; padding: 0; margin-bottom: 0;} #i-news .i-news-tit img{height: 45px;margin-bottom: 30px; width: 100%;} #i-foot{padding:30px 0px;} #ins-env ul.ins-env-list li{width: 50%;margin-bottom: 10px;} .ifotleft{ float: left; width: 50%;} .ifotleftright{ float: right;} .ifotleftright img{} .ifotleftright p{ text-align: center; margin-top: 10px;} } /*580*/ @media(max-width: 580px) { #i-about .i-about-con .i-about-con-r{padding-left: 30px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:22%;} #i-knowledge ul.i-knowledge-list li .bottom p.info{padding-left: 4px;padding-right:4px;} #i-tel .cumulative h1{font-size: 22px;} #i-tel .cumulative h5{font-size: 12px;} #i-tel .cumulative p.number{font-size: 30px;} } /*562*/ @media(max-width: 562px) { #i-knowledge ul.i-knowledge-list li .bottom p.info{padding-left: 8px;padding-right:8px;} } /*560*/ @media(max-width: 560px) { #i-about .i-about-con .i-about-con-r{padding-left: 35px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:22%;} } /*550*/ @media(max-width: 550px) { } /*554*/ @media(max-width: 554px) { #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{height: 220px;} #i-about .i-about-con .i-about-con-r{padding-left: 40px;} #ins-con .ins-con-list{width: 90%;} } /*510*/ @media(max-width: 510px){ #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:18%;} #i-about .i-about-con .i-about-con-r{padding-left: 45px;} } /*502*/ @media(max-width: 502px){ #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{height: 230px;padding-top: 15px;padding-left: 35px;} #i-about .i-about-con .i-about-con-r .i-about-con-r-tit p.ch {font-size: 14px;} #i-about .i-about-con .i-about-con-l-cp .i-about-con-l-cp-img img {height: 130px;} .proDet_title{font-size: 14px;} } /*489*/ @media(max-width: 489px){ #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{height: 245px;padding-top: 13px;padding-left: 20px;} #i-about .i-about-con .i-about-con-l-cp .i-about-con-l-cp-img img {height: 110px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:16%;} #i-tel .cumulative h1{font-size: 20px;} #i-tel .cumulative h5{font-size: 10px;} #i-tel .cumulative p.number{font-size: 28px;} } /*470*/ @media(max-width: 470px) { .tcoimg { float: left; margin-right: 20px; } #i-about .i-about-con .i-about-con-l-cp .i-about-con-l-cp-img img{height:90px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:14%;} #i-about .i-about-con .i-about-con-r,#i-about .i-about-con .i-about-con-l-cp{padding-left:7px;} .about_box ul{font-size:20px;} .ins-about-con1 .ins-about-con1-tit{font-size:20px;margin-bottom:20px;} .ins-about-con1{margin:35px 0px;} .ins-about-con22 .ins-about-con22-l p{font-size:20px;} .ins-about-con3 .ins-about-con3-tit{font-size:20px;margin-bottom:20px;} .ins-about-con3{padding:35px 0px;} #ins-app{padding:35px 0px;} #ins-feed{padding:35px 0px;} #ins-feed .ins-feed-img,#ins-feed .ins-feed-con{width:100%;} #ins-feed .ins-feed-con .ins-feed-con-tit{font-size:20px;} #ins-feed .ins-feed-con .ins-feed-con-desc{font-size:12px;margin-bottom:20px;} #ins-feed .ins-feed-img{margin-bottom:20px;} .form-control{height:35px;font-size:12px;} .ins-feed-con .btn-primary{margin-top:25px;font-size:12px;width:100px;} #ins-con{padding:35px 0px;} #ins-con .ins-con-tit{font-size: 19px;margin-bottom: 20px;} #ins-con .ins-con-list li span.ins-con-list-info p.tit{font-size: 12px;} #ins-news{padding: 35px 0px;} #ins-news ul.ins-news-list li .news-box .news-box-tit{font-size: 14px;} #ins-news ul.ins-news-list li .news-box .news-box-info{margin-top: 5px;} #ins-news ul.ins-news-list li .news-box{height: auto;padding:30px 20px 20px 40px;} #ins-newsview{padding:30px 0px;} #ins-newsview .ins-newsview-tit{font-size: 20px;} #ins-env{padding: 30px 0px;} #ins-proshow{padding: 15px 0px 30px;} #ins-proshow .ins-proshow-list ul li{width: 100%;} .pro_menu p span{font-size: 16px;} #ins-proshow .ins-proshow-list2 ul li{width: 100%;} } /*454*/ @media(max-width: 454px) { #i-about .i-about-con .i-about-con-r,#i-about .i-about-con .i-about-con-l-cp{padding-right:0px;} #i-news .i-news-list .i-news-info p.i-news-tit{font-size:12px;} #i-tel .cumulative h1{font-size:18px;} #i-tel .cumulative h5{font-size:10px;} #i-tel .cumulative p.number{font-size:25px;} #i-tel .cumulative{} .cimgtt { font-size: 13px; font-weight: bold; margin: 8px auto; width: 100%; } } /*451*/ @media(max-width: 451px) { } /*441*/ @media(max-width: 441px) { #i-about .i-about-con .i-about-con-r .i-about-con-r-tit p.ch {font-size: 14px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{width: 50px;left:18%;} #i-knowledge ul.i-knowledge-list li{width: 50%;} } /*423*/ @media(max-width: 423px) { #i-tel .cumulative h1{font-size: 16px;} #i-tel .cumulative h5{font-size: 12px;} #i-tel .cumulative p.number{font-size: 20px;} } /*410*/ @media(max-width: 410px) { #i-knowledge ul.i-knowledge-list li .bottom p.info{padding-left: 12px;padding-right:12px;} } /*403*/ @media(max-width: 403px) { #i-knowledge ul.i-knowledge-list li .bottom p.info{padding-left: 12px;padding-right:12 px;} } /*401*/ @media(max-width: 401px) { #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{height: 260px;padding-left: 15px;} #i-about .i-about-con .i-about-con-r .i-about-con-r-tit p.ch {font-size: 12px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:15%;} .navbar-brand>img{height: 28px;} #i-product ul.i-product-show8 li { width: 100%;} } /*387*/ @media(max-width: 387px) { #i-about .i-about-con .i-about-con-l-cp .i-about-con-l-cp-img img {height: 80px;} #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{padding-left: 10px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:15%;width: 45px;font-size: 10px;} } /*360*/ @media(max-width: 360px) { #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{height: 280px;} } /*355*/ @media(max-width: 355px) { #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:12%;} } /*330*/ @media(max-width: 330px) { #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{height: 300px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:10%;} .navbar-brand>img{height: 25px;} #i-knowledge ul.i-knowledge-list li .bottom p.info{padding-left: 16px;padding-right:16px;} #ins-con .ins-con-list{width: 100%;} } /*312*/ @media(max-width: 330px) { #i-about .i-about-con .i-about-con-r, #i-about .i-about-con .i-about-con-l-cp{height: 320px;} #i-about .i-about-con .i-about-con-l a.i-about-con-l-more{left:8%;} } #rocket-to-top div{left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:0;width:56px;} #rocket-to-top .level-2{background:url("../images/rocket_button_up.png") no-repeat scroll -56px 0 transparent;display:none;height:86px;opacity:0;z-index:1;display:block;} #rocket-to-top .level-3{background:none repeat scroll 0 0 transparent;cursor:pointer;display:block;height:86px;z-index:2;} #rocket-to-top{background:url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;cursor:default;display:block;height:86px;margin:-125px 0 0;overflow:hidden;padding:0;position:fixed;right:2%;top:90%;width:56px;z-index:999999;display:none;}